<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <!-- 视口宽度 小于等于 768px，网页背景色是粉色 -->
  <link rel="stylesheet" media="(max-width: 768px)" href="./pink.css">
  <!-- 视口宽度 大于等于 1200px，网页背景色是绿色 -->
  <link rel="stylesheet" media="(min-width: 1200px)" href="./green.css">
</head>
<body>
  
</body>
</html>